<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>统计图表 - 阴保电源 - 运行记录 - 阴保运行管理 - 腐蚀控制</title>
</head>
<body>
<div class="page-container">
    <div class="main-content">
        <!-- content-body -->
        <div class="main-inner">
            <div class="content-inner">

                <!-- title -->
                <div class="meta-head">
                    <h3>
                        <i class="xyf-run-record-icon"></i>运行记录
                    </h3>
                </div>

                <!-- top info -->
                <div class="xyf-fixed-term">
                    <span>所属场站阀室：<span id="JQ_value"></span></span>
                    <span>电源编号：<span id="JQ_project_name"></span></span>
                    <span>阴保电源类型：<span id="JQ_type"></span></span>
                </div>

                <!-- 上个页面传过来数据 -->
                <input type="hidden" id="JQ_deviceId" value="${param.id}">
                <input type="hidden" id="JQ_eqptType" value="${param.eptType}">
                <input type="hidden" id="JQ_downReason" value="${param.downReason}">
                <input type="hidden" id="JQ_operationStatus" value="${param.operationStatus}">
                <input type="hidden" id="JQ_recordBeginDate" value="${param.recordBeginDate}">
                <input type="hidden" id="JQ_recordEndDate" value="${param.recordEndDate}">

                <!-- export chart -->
                <div id="JQ_chart_power_div">
                    <div class="zy-table">
                        <div class="zy-charts-box" style="height: 260px;width: 100%">
                            <div class="zy-charts-inner">
                                <div class="zy-charts-head">
                                    <p class="f16 fwb l">阴保电源折线图</p>
                                    <p class="r">
                                        <span><i class="zy-electric-icon zy-elec-blue"></i>&nbsp;&nbsp;输出电压</span>&nbsp;&nbsp;&nbsp;
                                        <span><i class="zy-electric-icon zy-elec-orange"></i>&nbsp;&nbsp;输出电流</span>&nbsp;&nbsp;&nbsp;
                                        <span><i class="zy-electric-icon zy-elec-green"></i>&nbsp;&nbsp;控制电位</span>
                                    </p>
                                    <div class="clear"></div>
                                </div>
                                <div id="JQ_power_voltage" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            </div>
                        </div>
                        <div class="zy-charts-box" style="height: 220px;width: 100%">
                            <div class="zy-charts-inner">
                                <div id="JQ_power_electric" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            </div>
                        </div>
                        <div class="zy-charts-box" style="height: 245px;width: 100%">
                            <div class="zy-charts-inner">
                                <div id="JQ_power_potential" class="zy-charts-body" data-empty="${pageContext.request.contextPath}/static/img/chart_no_data.png"></div>
                            </div>
                        </div>
                    </div>

                    <div class="zy-table" style="margin-bottom: 20px;">
                        <div class="l" style="width: 410px;">
                            <div class="zy-charts-box">
                                <div class="zy-charts-inner">
                                    <div class="zy-charts-head">
                                        <p class="f16 fwb">运行状态所占比</p>
                                        <p class="c-78">百分比(%)
                                    </div>
                                    <div class="r zy-charts-info" id="circleCNull" style="position: absolute;top:100px;right: 10px;">
                                        <p><i class="zy-c-i-03"></i>故障停机&nbsp;&nbsp;</p>
                                        <p><i class="zy-c-i-06"></i>测试停机&nbsp;&nbsp;</p>
                                        <p><i class="zy-c-i-02"></i>调试停机&nbsp;&nbsp;</p>
                                        <p><i class="zy-c-i-01"></i>正常运行&nbsp;&nbsp;</p>
                                        <p><i class="zy-c-i-12"></i>其它&nbsp;&nbsp;</p>
                                    </div>
                                    <div class="xyf-not-chart" id="circleNull"></div>
                                    <div id="circleChart" class="xyf-chart-div">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>

                <!-- btn  -->
                <div class="xyf-export-page-div">
                    <button type="button" onclick="javascript:history.back(-1);" class="zy-button zy-goback"><i class="zy-goback-icon"></i>返回</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button id="JQ_power_chart_export" type="button" class="zy-button zy-search"><i class="zy-export-icon"></i>导出</button>
                </div>


            </div>
        </div>
        <!-- 你的内容 end -->

        <!-- pdf div canvas -->
        <div id="JQ_export_pdf_div"></div>


        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/html2canvas/html2canvas.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/canvg/canvg.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/corrctrl.api.js"></script>
        <!-- myd3 -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/myd3.plugin.js"></script>
        <!-- my pdf -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/myplugin/mypdf.plugin.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/corrctrl/cathodic/runRecordChart/cathodicChart.controller.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>